<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:easy="http://easy.widgets.com">

    <a4j:keepAlive beanName="clienteManagedBean" />

<rich:simpleTogglePanel switchType="client" label="#{rotulo['lista_endereco']}" id="listaEndereco"
     opened="false" rendered="#{clienteManagedBean.renderedInclusaoEndereco}">
            <h:panelGrid columns="8">
                <h:outputText value="#{rotulo['cep']}"/>
                <h:inputText value="#{clienteManagedBean.enderecoInformado.cep}" maxlength="9" size="9" onkeyup="return retornaCEPFormatado(event)"/>
                <h:outputText value="#{rotulo['logradouro']}"/>
                <h:inputText value="#{clienteManagedBean.enderecoInformado.logradouro}" style=" width : 170px;"/>
                <h:outputText value="#{rotulo['numero']}"/>
                <h:inputText value="#{clienteManagedBean.enderecoInformado.numero}" style=" width : 170px;" maxlength="25"/>
                <h:outputText value="#{rotulo['complemento']}"/>
                <h:inputText value="#{clienteManagedBean.enderecoInformado.complemento}" style=" width : 170px;" maxlength="25"/>
                <h:outputText value="#{rotulo['bairro']}"/>
                <h:inputText value="#{clienteManagedBean.enderecoInformado.bairro}" style=" width : 170px;" maxlength="50"/>
                <h:outputText value="#{rotulo['cidade']}"/>
                <h:inputText value="#{clienteManagedBean.enderecoInformado.cidade}" style=" width : 170px;" maxlength="50"/>
                <h:outputText value="#{rotulo['uf']}"/>
                <h:inputText value="#{clienteManagedBean.enderecoInformado.uf}" style=" width : 170px;" maxlength="2"/>

                 <a4j:commandButton value="#{rotulo['adicionar']}" action="#{clienteManagedBean.adicionarEnderecoNaLista}"
                    reRender="listaEndereco,mensagens" rendered="#{clienteManagedBean.renderedBotaoAdicionar}"/>
                 <a4j:commandButton value="#{rotulo['salvar']}" action="#{clienteManagedBean.salvarEndereco}"
                    reRender="listaEndereco,mensagens" rendered="#{clienteManagedBean.renderedBotaoSalvar}"/>
            </h:panelGrid>
             <h:panelGroup>
                <rich:dataTable value="#{clienteManagedBean.listaEndereco}" rows="10" var="endereco" rendered="#{clienteManagedBean.renderedListaEnderecoCliente}"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                            <f:facet name="header">
                                    <rich:columnGroup>
                                         <rich:column>
                                            #{rotulo['cep']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['logradouro']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['numero']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['complemento']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['bairro']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['cidade']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['uf']}
                                        </rich:column>
                                        <rich:column>
                                            #{rotulo['editar']}
                                        </rich:column>
                                         <rich:column>
                                            #{rotulo['excluir']}
                                        </rich:column>
                                    </rich:columnGroup>
                            </f:facet>
                    <rich:column>
                        <h:outputText value="#{endereco.cep}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.logradouro}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.numero}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.complemento}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.bairro}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.cidade}"/>
                    </rich:column>
                    <rich:column>
                        <h:outputText value="#{endereco.uf}"/>
                    </rich:column>

                      <rich:column>
                    <div align="center">
                        <a4j:commandLink action="#{clienteManagedBean.editar}" value="Editar" reRender="listaEndereco">
                            <f:setPropertyActionListener value="#{endereco}" target="#{clienteManagedBean.enderecoInformado}"/>
                        </a4j:commandLink>
                    </div>
                 </rich:column>
                 <rich:column>
                    <div align="center">
                        <a4j:commandLink action="#{clienteManagedBean.excluirEndereco}" value="Excluir" reRender="listaEndereco">
                            <f:setPropertyActionListener value="#{endereco}" target="#{clienteManagedBean.enderecoInformado}"/>
                        </a4j:commandLink>
                    </div>
                 </rich:column>

                </rich:dataTable>
         </h:panelGroup>
        </rich:simpleTogglePanel>
</ui:composition>